<!DOCTYPE html>
<html >
  <head>
    <meta charset="utf-8">
    <title>Administrador</title>
    <meta name="Rikhart" content="">  
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link href="../css/bootstrap-responsive.css" rel="stylesheet">    
    
    <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap-dropdown.js"></script>
    <script type="text/javascript" src="../js/js.js"></script>
  </head>
  <body>
    <!--styles -->
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
      img{
        float:left;
        width: 100px;
        height: 100px;
      }
      .hero-unit{
        overflow: hidden;
      }
      #welcome,#matriculados,#problemasPropuestos,#eventos,#retoSemanal,#cargarProblema,#rendimiento{
        float: right;
      }
      label,input{
        display: block;
      }
      footer{
        clear:both;
      }
      #navegaFix{
        position: fixed;

      }
      #problemasVisor a{
        margin: 20px;
        text-decoration: none;
        float: left;
        padding: 10px;
      }

      #matriculados,#problemasPropuestos,#eventos,#retoSemanal,#rendimiento,#cargarProblema{
        display:none;
      }

      #problemasVisor a:hover{
        background: #999; 
        border-radius: 15px;

      }

    </style>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">COACH</a>
          
          <div class="btn-group pull-right">
            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
              <i class="icon-user"></i> Administrador
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <li><a href="#">Profile</a></li>
              <li class="divider"></li>
              <li><a href="../controlers/salir.php">Sign Out</a></li>
            </ul>
          </div>

        </div>
      </div>
    </div>

    <div class="container-fluid">
      <!--   -->
      <div class="row-fluid">
        
        <div class="span3" id="navegaFix">
          <div class="well sidebar-nav">
            <ul class="nav nav-list" id="dz">
              <li class="active"><a href="#welcome">Welcome</a></li>
              <li class="nav-header">ALUMNOS</li>             
              <li><a href="#matriculados">Ver Inscritos</a></li>
              <li><a href="#rendimiento">Ver Rendimiento</a></li>
              <!--
              <li><a href="#">Eliminar</a></li>
              <li><a href="#">Otras opciones</a></li> 
              -->
              <li class="nav-header">PROBLEMAS</li>
              <li><a href="#problemasPropuestos">Ya Propuestos</a></li>
              <li><a href="#retoSemanal">Reto Semanal</a></li>
              <li><a href="#cargarProblema">Cargar Problemas</a></li>
              <li class="nav-header">EVENTOS</li>
              <li><a href="#eventos">Mis Eventos</a></li>
              
            </ul>
          </div><!--/.well -->
        </div><!--/span-->

      <div id="alter">
        <div class="span9" id="welcome">
          <div class="hero-unit">
            <h1>Welcome Admin<img src="../AdminProfile/img/admin.png"></h1>    
            <?php include ("../controlers/sesion.php");
            echo "Codigo de Usuario :";
            echo $_SESSION["codigo"];
                ?>        
            <p>Bienvenido a su cuenta de Administrador</p>            
          </div>
          <div class="row-fluid">
            <div class="span4">
              <h2>Informacion</h2>
              <p>Cambia o actuliza tu infomacio Personal </p>
              <p><a class="btn" href="#">Profile &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Share</h2>
              <p>Comparte Infomacion con tus alumnos </p>
              <form>
                <label >Nombre</label><input required />
                <label >Cargar Archivo</label><input type="file" required/>
                <input class="btn" type="submit" value="Cargar Info&raquo;">
              </form>
            </div><!--/span-->
            <div class="span4">
              <h2>Publica en Facebook</h2>
              <p>Publica en tu muro esta pagina esta enlazada con tu cuenta Facebook</p>
              <p><a class="btn" href="#">Facebook &raquo;</a></p>
            </div><!--/span-->
          </div><!--/row-->          
        </div><!--/span-->        
            <!--****************-->

        <div class="span9" id="matriculados">
          <div class="hero-unit">
            <h3>Inscritos</h3>            
            <p>Lista de Inscritos</p>            
            <iframe src="../controlers/ListaAlumno.php" width='750px' height="250px"></iframe>
          </div>

        </div><!--/span-->


        <div class="span9" id="rendimiento">
          <div class="hero-unit">
            <center>
            <h3>Inscritos</h3>            
            <p>Lista de Inscritos</p>            
            <iframe src="../controlers/anexoRendimiento.php" width='450px' height="250px"></iframe>
          </center>
          </div>

        </div><!--/span-->

     <!--   -->
        <!--****************-->
        <div class="span9" id="cargarProblema">
          <div class="hero-unit">
            <div class="registro">
                 <h2>Establecer Problemas del Reto Semanal</h2>

                    <form action="../controlers/GuardarProblema.php" method="post" enctype="multipart/form-data">
                      <table>
                      <tbody>
                        <tr><td>Problema: </td>
                          <td>    
                          <select name="Problema">
                             <option value="1">A</option>
                             <option value="2">B</option>
                             <option value="3">C</option>
                             <option value="4">D</option>
                          </select>
                          </td>
                        </tr>
                        <tr><td> Seleccionar Problema.in: </td> <td><input type="file" name="archivo_in" required></td></tr>
                        <tr><td> Seleccionar Problema.out: </td> <td><input type="file" name="archivo_out" required></td></tr>
                        <tr><td> Seleccionar Problema.pdf: </td> <td><input type="file" name="problema_pdf" required></td></tr>
                        <tr><td><input type="submit" value="Enviar" name="enviar_tarea"></td></tr>
                        </tbody>
                        </table>
                    </form>
            </div>       
          </div>                  
        </div><!--/span-->
        <!--****************-->
        <!--****************-->
        <div class="span9" id="retoSemanal">
          <div class="hero-unit">
            <h2 class="desindenta">Reto Semanal:</h2>
            <p>Observa los problemas que propusistes para esta semana a tus alumnos con tan solo un click</p>  
                <div id="problemasVisor">
                      
                          <a href="A"><img src="../img/problem.png">Problema :A</a>
                          <a href="B"><img src="../img/problem.png">Problema :B</a>                       
                          <a href="C"><img src="../img/problem.png">Problema :C</a>                      </tr>
                          <a href="D"><img src="../img/problem.png">Problema :D</a>
                          <a href="E"><img src="../img/problem.png">Problema :E</a>
                          <a href="F"><img src="../img/problem.png">Problema :F</a>                       
                          <a href="G"><img src="../img/problem.png">Problema :G</a>                      </tr>
                          <a href="H"><img src="../img/problem.png">Problema :H</a>                       
                </div>          
          </div>                  
        </div><!--/span-->
        <!--****************-->
        <!--****************-->
        <div class="span9" id="problemasPropuestos">
          <div class="hero-unit">
            <h3>Lista de Problemas</h3>            
            <p>Lista</p>  
              <div class="problemas">
                    
                        <h2 class="desindenta">1. &nbsp; Introductorios</h2>
                        <table style="" cellspacing="0" width="90%">
                    
                    <tbody><tr>
                        <!--<td width='5%' align=right valign=center><a href='Problemas_pdf'><img src='imagenes/ico-accepted.png'></a></td>-->
                        <td width="8%" align="center"><img src="../img/intro.jpg"></td>
                        <td width="60%" align="left"><a href="VentanaEnviarSolucion.php">Duplica</a> </td>
                    </tr>
                
                    <tr>
                        <td width="8%" align="center"><img src="../img/intro.jpg"></td>
                        <td width="60%" align="left"><a href="/?cmd=problema&amp;pbm=helloworld">¡Hola mundo!</a> </td>
                    </tr>
                  </tbody></table>
                </div>         
          </div>                  
        </div><!--/span-->
        <!--****************-->

        <div class="span9" id="eventos">
          <div class="hero-unit">
            <h3>Eventos</h3>            
            <p>Lista de Eventos</p> 
                       
          </div>                  
        </div>
        
        <!--/span-->
     <!--   -->
      </div>
      <hr>
      <footer>
        <p>&copy; Proyecto Software</p>
      </footer>

    </div>
  </body>
</html>
